// 全局样式
/*-------------- 字体 START ------------*/
// 输出：fz-12到fz-24，单位：rpx
@for $fz from 12 through 26 {
    .fz-#{$fz} {
        font-size: ($fz) * 2rpx;
    }
}

ul {
    list-style: none
}

// 粗体
.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/*-------------- 字体 END ------------*/
/*-------------- 颜色 END ------------*/
.white {
    color: $uni-text-color-inverse;
}

.bg-white {
    background: $uni-text-color-inverse;
}

// 黑子重要字体 title 字体
.c-main {
    color: $u-main-color;
}

// 浅灰弱字体
.c-describe {
    color: $u-light-color;
}

// 中度浅灰 概括简单描述
.c-explain {
    color: $uni-text-color-placeholder;
}

// 偏上等灰
.c-content {
    color: $u-content-color;
}

.c-primary {
    color: $u-primary;
}

.c-success {
    color: $u-success;
}

.c-error {
    color: $u-error;
}

/*-------------- 颜色 END ------------*/

/*-------------- 弹性布局  ------------*/
.flex {
    display: flex;
}

.ac {
    align-items: center;
}

.aj-center {
    align-items: center;
    justify-content: center;
}

.as {
    align-items: flex-start;
}

.ae {
    align-items: flex-end;
}

.jc {
    justify-content: center;
}

.jsb {
    justify-content: space-between;
}

.js {
    justify-content: flex-start;
}

.je {
    justify-content: flex-end;
}

.m-right-2 {
    margin-right: 4rpx;
}

.m-left-2 {
    margin-left: 4rpx;
}



/*-------------- 布局 END ------------*/
.w-100 {
    width: 100vw;
}

.h-100 {
    height: 100vh;
}

.m-b-30 {
    margin-bottom: 30px;
}

/*-------------- 全局样式 START ------------*/
.page-container {
    background: #fff;
    height: 100%;
}



/*-------------- 全局样式 END ------------*/